<template>
	<div>
		<h3>stepOne</h3>
		<input type="button" value="下一步" @click="next" style="cursor: pointer;"/>
	</div>
</template>

<script>
	export default {
		name: 'stepOne',
		props: {
			componentParams: {
				type: Object, 
				default() {return {}}
			}
		},
		data() {
			return {
				form: {
					stepOne: 'stepOne'
				}
			}
 		},
 		mounted() {
 			this.form = {...this.form, ...this.componentParams};
 			console.log(this.form);
 		},
		methods: {
			/**
			 * 下一步
			 */
			next() {
				this.$emit('next', 2, this.form);
			}
		}
	}
</script>

<style>
</style>